<html xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="utf-8">
	<title>404财富管家</title>
	<meta name="keywords" content="财富管家" />
	<meta name="description" content="财富管家" />
	<link rel="shortcut icon" th:href="@{/images/littlelogo.png}">
	<link rel="icon" th:href="@{/favicon.ico}" mce_href="/favicon.ico" type="image/x-icon"/>
	<link rel="stylesheet" th:href="@{/css/style.css}"/>
	<link rel="stylesheet" th:href="@{/css/page.css}"/>
	<link th:href="@{/css/iconfont/RjdaoIcon.css}" rel="stylesheet" type="text/css">
	<script type="text/javascript" th:src="@{/js/jquery-3.2.1.min.js}"></script>
	<link rel="stylesheet" th:href="@{/css/index4.css}">
	<!-- import CSS -->
	<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
	<!-- import Vue before Element -->
	<script th:src="@{/js/vue.js}"></script>
	<!-- import JavaScript -->
	<script src="https://unpkg.com/element-ui/lib/index.js"></script>
	<script src="https://unpkg.com/axios/dist/axios.min.js"></script>


	<style type="text/css">

	#login_click{ margin-top:32px; height:40px;}
	#login_click a
	{


		text-decoration:none;
		background:#2f435e;
		color:#f2f2f2;

		padding: 10px 30px 10px 30px;
		font-size:16px;
		font-family: 微软雅黑,宋体,Arial,Helvetica,Verdana,sans-serif;
		font-weight:bold;
		border-radius:3px;

		-webkit-transition:all linear 0.30s;
		-moz-transition:all linear 0.30s;
		transition:all linear 0.30s;

	}
	#login_click a:hover { background:#385f9e; }


	</style>
</head>

<body style="background-color:#f0f0f0;">

<!----header s---->
<div class="topnav">
	<div class="mainw w">
		<div class="l-txt">欢迎致电：400-1234-123 &nbsp;&nbsp; 服务时间：08:30-17:30（工作日）</div>

		<a th:href="@{/information/xinxi2}" class="dh">帮助中心</a>
		<a th:href="@{/information/xinxi3}" class="dh">新手指引</a>

	</div>
</div>

<header>
	<div class="hmain w">
		<a href="index.html" class="logo"><img th:src="@{/images/logo.png}"></a>
		<a th:href="@{/register}" class="topbut">注册</a>
		<a th:href="@{/login}" class="topbut-cur">登录</a>
		<a th:href="@{/logout}" class="ubut">退出</a>
		<a th:href="@{/userCenter/index}" class="ubut" style="padding:0 15px;">个人中心<span><dl th:if="${session.user!=null}" th:text="${session.user.balance}"></dl></span></a>
		<nav>
			<a th:href="@{/index}" >首页</a>
			<a th:href="@{/invest/list}">我要投资</a>
			<a th:href="@{/borrowCenter/index}" class="cur">我要借贷</a>
			<a th:href="@{/zhongchou/list}">众筹中心</a>
			<a th:href="@{/information/xinxi1}">信息披露</a>
		</nav>
    </div>
</header>
<!----header e---->

<!--body s-->

<div class="invest-banner w">
	<img th:src="@{/images/invest-banner.jpg}">
</div>

<div class="invest-title"><dl></dl><span class="tx">项目借贷流程</span><dl></dl></div>
<div class="invest-list">
	<div class="xm-flow" style="padding-top:30px;">
    	<i class="icon-0944" style="color: red;"></i><i class="icon-0248 arrow" style="color: red;"></i>
        <i class="icon-0949"style="color: red;"></i><i class="icon-0248 arrow"style="color: red;"></i>
        <i class="icon-0381"style="color: red;"></i><i class="icon-0248 arrow"style="color: red;"></i>
        <i class="icon-0738" ></i>
	</div>
    <div class="xm-flow-txt">
    	<span>申请借贷</span>
        <span>资产评估</span>
        <span>签署合同</span>
        <span>完成借贷</span>
    </div>
    <br />
    <div style="background-color: lightskyblue;width: 160px;">
    	<p style="font-size: 40px;color: white;">电子合同</p>
    	
    </div>
    <div>
    	<span style="font-size: 20px;"> &nbsp;&nbsp;&nbsp;&nbsp;<span style="font-size: 30px;">财富管家</span>采用国内领先的电子证据综合服务平台”存证云“，由厦门市美亚柏科信息股份有限公司开发,
    		为平台提供电子签名及存证服务的同时,将平台数据与司法鉴定无缝对接。
    		电子签约平台通过电子认证、电子签章、时间戳及防篡改等技术手段,实现投资人、
    		借款人在交易时通过网络签订一份具有法律证据效力的电子合同;
    		<br />
			
			&nbsp;&nbsp;&nbsp;&nbsp;合同签约相关的电子数据全文在数据发生的同时,被实时抓取至由电子签章公司、
			金融办、公证处、仲裁、互联网法院等法律服务机构共建的第三方电子数据保全平台,
			加密保存,实现合同存证,保障多方权益。
    	</span>
    </div>
    <div style="text-align: center; margin-top: 30px;">
    	<div style="margin-top: 15px;">
			<div style="margin: auto" id="login_click">
				<a href="#button" id="btlogin" onclick="viewOnlineEvidence()">下载电子合同</a>
			</div>
			<p>请下载后将其打印并签上所需填写内容，并上传扫描件</p>
		</div>

    </div>
	<div id="id1" style="margin-top: 20px;text-align: center;height: 200px;">
		<template>
			<el-upload
					name="contract"
					class="upload-demo"
					action="http://localhost:9000/cms/upload/contract/"
					:on-preview="handlePreview"
					:on-remove="handleRemove"
					:before-remove="beforeRemove"
					multiple
					:limit="1"
					:on-exceed="handleExceed"
					:file-list="fileList">
				<el-button size="big" type="primary" style="font-size:22px">点击上传</el-button>
				<div slot="tip" class="el-upload__tip">只能上传不超过500kb</div>
			</el-upload>
		</template>
	</div>
	<a class="liubut"  pronum="2" style="margin:60px auto 40px auto;" th:href="@{/borrowCenter/from4}">下一步</a>

</div>
<script>
    new Vue ({
        el: '#id1',
        data () {
            return {
                fileList:[]
            };
        },
        methods: {
            handleRemove(file, fileList) {
                console.log(file.name, fileList.name);
            },
            handlePreview(file) {
                console.log(file);
            },
            handleExceed(files, fileList) {
               this.$message.warning('当前限制选择 1 个文件，本次选择了 '+this.files.length+' 个文件');
            },
            beforeRemove(file, fileList) {
                return this.$confirm('确定移除'+ file.name +'？');
            }


        }
    })

</script>
<!--body e-->


<!---客服代码 S--->
<div class="suspension">
	<div class="suspension-box">
		<a href="#" class="a a-service "><i class="i"></i></a>
		<a href="javascript:;" class="a a-service-phone "><i class="i"></i></a>
		<a href="javascript:;" class="a a-qrcode"><i class="i"></i></a>
		<a href="javascript:;" class="a a-top"><i class="i"></i></a>
		<div class="d d-service">
			<i class="arrow"></i>
			<div class="inner-box">
				<div class="d-service-item clearfix">
					<a href="http://wpa.qq.com/msgrd?v=3&uin={$WEB.qq}&site=qq&menu=yes" class="clearfix"><span class="circle"><i class="i-qq"></i></span><h3>咨询在线客服</h3></a>
				</div>
			</div>
		</div>
		<div class="d d-service-phone">
			<i class="arrow"></i>
			<div class="inner-box">
				<div class="d-service-item clearfix">
					<span class="circle"><i class="i-tel"></i></span>
					<div class="text">
						<p>服务热线</p>
						<p class="red number">400-1234-123</p>
					</div>
				</div>
				<div class="d-service-intro clearfix">
					
				</div>
			</div>
		</div>
		<div class="d d-qrcode">
			<i class="arrow"></i>
			<div class="inner-box">
				<div class="qrcode-img"><img th:src="@{/images/gzh.jpg}" alt=""></div>
				<p>微信服务号</p>
			</div>
		</div>

	</div>
</div>

<!---footer s--->
<footer>
	<div class="fmain w">
    	<div class="fm-top">
        	<div class="left">
            
            	<div class="ilist">
                	<h1>联系我们</h1>
                    <div class="t">客服电话</div>
                    <div class="tel">400-1234-123</div>
                    <div class="t">邮箱：quanminsat@163.com</div>
                </div>

				<div class="ilist">
					<h1>关于我们</h1>
					<a th:href="@{/information/jianjie}">公司简介</a>
					<a th:href="@{/information/gonggao}">最新公告</a>
					<a th:href="@{/information/join_us}">加入我们</a>
				</div>
            </div>
            <div class="right">
            	<div class="ewm" style="margin-left:20px;"><img th:src="@{/images/gzh.jpg}"><span>关注公众号</span></div>
            </div>
        </div>
          <div class="fm-bot" style="text-align: center;">
        	<span>&copy; 2018 &nbsp;全民科技有限公司 &nbsp;京ICP备：123456789号 </span>
        	<br />
            <dl>市场有风险 投资需谨慎</dl>
        </div>
    </div>
</footer>
<!---footer e--->


<script type="text/javascript" th:src="@{/js/jquery-1.7.2.min.js}"></script>
<script type="text/javascript">
    function viewOnlineEvidence() {
        window.location.href="/cms/borrowCenter/downloadOnlineLearnMaterials";
    }
</script>


<script type="text/javascript">
$(document).ready(function(){

	/* ----- 侧边悬浮 ---- */
	$(document).on("mouseenter", ".suspension .a", function(){
		var _this = $(this);
		var s = $(".suspension");
		var isService = _this.hasClass("a-service");
		var isServicePhone = _this.hasClass("a-service-phone");
		var isQrcode = _this.hasClass("a-qrcode");
		if(isService){ s.find(".d-service").show().siblings(".d").hide();}
		if(isServicePhone){ s.find(".d-service-phone").show().siblings(".d").hide();}
		if(isQrcode){ s.find(".d-qrcode").show().siblings(".d").hide();}
	});
	$(document).on("mouseleave", ".suspension, .suspension .a-top", function(){
		$(".suspension").find(".d").hide();
	});
	$(document).on("mouseenter", ".suspension .a-top", function(){
		$(".suspension").find(".d").hide(); 
	});
	$(document).on("click", ".suspension .a-top", function(){
		$("html,body").animate({scrollTop: 0});
	});
	$(window).scroll(function(){
		var st = $(document).scrollTop();
		var $top = $(".suspension .a-top");
		if(st > 400){
			$top.css({display: 'block'});
		}else{
			if ($top.is(":visible")) {
				$top.hide();
			}
		}
	});
	
});	
</script>
<!---客服代码 E--->
</body>
</html>
